<%@ taglib uri="/WEB-INF/tld/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/tld/struts-logic.tld" prefix="logic"%>
<%@ taglib uri="/WEB-INF/tld/struts-bean.tld" prefix="bean"%>
<%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles"%>

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title></title>
<link rel="stylesheet" type="text/css" href="css/FinalProjectCSS.css"/>
<script type="text/javascript">
	function flyToPage(task) {
		document.forms[0].task.value = task;
		document.forms[0].submit();
	}
</script>
</head>
<body>
	<center>
		<table width="1000px" class="bodyTable boxShadow">

			<!-- Header -->
			<tr>
				<td colspan="2"><%@include file="/include/Header.jsp"%></td>
			</tr>

			<!-- Content -->
			<tr>
				<td rowspan="2" width="200px" class="navigationBox"><%@include file="/include/Navigation.jsp"%></td>
				<td align="center" class="headerBox blueBackground">Candidate Data</td>
			</tr>
			<tr>
				<td align="center" class="contentStyle"><br>
					<html:form action="/Candidate" method="post">
						<html:hidden property="task" name="candidateForm" />
						<table align="center" width="600px">
							<tr>
								<td align="center" >
									<table width="95%">
										<tr>
											<td align="center" style="vertical-align:middle;">
												<table width="100%">
													<tr>
														<td width="120px">Job Code</td>
														<td width="10px">:</td>
														<td>
															<html:text property="cModel.jobCode" name="candidateForm" maxlength="2" styleClass="textSmall"></html:text>
															<html:text property="cModel.jobCode" name="candidateForm" ></html:text>	
													</tr>
													<tr>
														<td>Reg. No</td>
														<td>:</td>
														<td>
															<html:text property="cModel.regNo" maxlength="2" name="candidateForm" styleClass="textSmall"></html:text>
															<html:text property="cModel.regNo" maxlength="2" name="candidateForm" styleClass="textSmall"></html:text>
															<html:text property="cModel.regNo" maxlength="2" name="candidateForm" styleClass="textSmall"></html:text>
															<html:text property="cModel.regNo" maxlength="4" name="candidateForm" styleClass="textSmall"></html:text>	
														</td>
													</tr>
													<tr>
														<td>ID Card Number*</td>
														<td>:</td>
														<td><html:text property="cModel.idCardNum" name="candidateForm" ></html:text></td>
													</tr>
												</table>
											</td>
											<td align="center">
												<img alt="" src="" width="100px" height="125px"/><br>
												<input type="button" class="buttonStyle" value="Upload"/>
											</td>
										</tr>
									</table>									
								</td>
							</tr>
							<tr>
								<td align="center">Personal Information<br>
									<table width="95%">
										<tr>
											<td width="120px">Full Name*</td>
											<td width="10px">:</td>
											<td>
												<html:text property="cModel.fullName" name="candidateForm" ></html:text>&nbsp;
												<html:select property="cModel.gender" name="candidateForm" styleClass="textSmall">
													<html:option value="M">M</html:option>
													<html:option value="F">F</html:option>
												</html:select>
											</td>
										</tr>
										<tr>
											<td>Place of Birth</td>
											<td>:</td>
											<td><html:text property="cModel.birthPlace" name="candidateForm" ></html:text></td>
										</tr>
										<tr>
											<td>Date of Birth*</td>
											<td>:</td>
											<td>
												<html:text property="cModel.birthDate" name="candidateForm" styleClass="textSmall"></html:text>
												<html:text property="cModel.birthDate" name="candidateForm" styleClass="textSmall"></html:text>
												<html:text property="cModel.birthDate" name="candidateForm" styleClass="textSmall"></html:text>
											</td>
										</tr>
										<tr>
											<td>Religion</td>
											<td>:</td>
											<td>
												<html:select property="cModel.religion" name="candidateForm" styleClass="textMedium">
													<html:option value="Islam">Islam</html:option>
													<html:option value="Buddha">Buddha</html:option>
													<html:option value="Katolik">Katolik</html:option>
													<html:option value="Kristen">Kristen</html:option>
													<html:option value="Hindu">Hindu</html:option>
												</html:select>&nbsp;
												Marital Status : 
												<html:select property="cModel.maritalStatus" name="candidateForm" styleClass="textMedium">
													<html:option value="Married">Married</html:option>
													<html:option value="Single">Single</html:option>
												</html:select>
											</td>
										</tr>
										<tr>
											<td>Address</td>
											<td>:</td>
											<td>	
												<html:textarea property="cModel.address" rows="5" cols="3" name="candidateForm" styleClass="textLarge"></html:textarea>	
											</td>
										</tr>
										<tr>
											<td>City</td>
											<td>:</td>
											<td>
												<html:text property="cModel.city" name="candidateForm"  styleClass="textMedium"></html:text>
												&nbsp;
												Postal Code : 
												<html:text property="cModel.postalCode" name="candidateForm"  styleClass="textMedium"></html:text>
											</td>
										</tr>
										<tr>
											<td>Province</td>
											<td>:</td>
											<td>
												<html:text property="cModel.province" name="candidateForm"  styleClass="textMedium"></html:text>&nbsp;
												Country : 
												<html:text property="cModel.country" name="candidateForm"  styleClass="textMedium"></html:text>
											</td>
										</tr>
										<tr>
											<td>Email*</td>
											<td>:</td>
											<td><<html:text property="cModel.email" name="candidateForm"  styleClass="textLarge"></html:text></td>
										</tr>
										<tr>
											<td>Phone Number*</td>
											<td>:</td>
											<td><html:text property="cModel.phoneNumber" name="candidateForm"  styleClass="textMedium"></html:text></td>
										</tr>
										<tr>
											<td>Mobile Number*</td>
											<td>:</td>
											<td><html:text property="cModel.mobileNumber" name="candidateForm"  styleClass="textMedium"></html:text></td>
										</tr>
									</table>
								</td>
							</tr>
							<tr>
								<td align="center">Education Description<br>
									<table width="95%">
										<tr>
											<td width="120px">Educational Level*</td>
											<td width="10px">:</td>
											<td>
											<html:select property="cModel.educationLevel" name="candidateForm" styleClass="textSmall">
													<html:option value="S3">S3</html:option>
													<html:option value="S2">S2</html:option>
													<html:option value="S1">S1</html:option>
													<html:option value="D4">D4</html:option>
													<html:option value="D3">D3</html:option>
													<html:option value="D2">D2</html:option>
													<html:option value="D1">D1</html:option>
													<html:option value="SMU">SMU</html:option>
													<html:option value="SMK">SMK</html:option>
												</html:select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
												Graduation Year : 
												<html:text property="cModel.gradYear" name="candidateForm"  styleClass="textSmall"></html:text>
											</td>
										</tr>
										<tr>
											<td>School Name</td>
											<td>:</td>
											<td>
												<html:text property="cModel.schoolName" name="candidateForm"  styleClass="textMedium"></html:text>&nbsp;
												City : 
												<html:text property="cModel.schoolCity" name="candidateForm"  styleClass="textMedium"></html:text>
											</td>
										</tr>
										<tr>
											<td>Majority</td>
											<td>:</td>
											<td>
												<html:text property="cModel.majority" name="candidateForm"  styleClass="textLarge"></html:text>&nbsp;
												GPA : 
												<html:text property="cModel.gpa" name="candidateForm"  styleClass="textSmall"></html:text>
									
											</td>
										</tr>
									</table>
								</td>
							</tr>
							<tr>
								<td align="center">Status Update<br>
									<table width="95%">
										<tr>
											<td width="120px" valign="top">Status</td>
											<td width="10px">:</td>
											<td>
												<html:checkbox property="cModel.status" value="Technical Test">Technical Test</html:checkbox><br /> 
												<html:checkbox property="cModel.status" value="Interview 1">Interview 1</html:checkbox><br /> 
												<html:checkbox property="cModel.status" value="Interview 2">Interview 2</html:checkbox><br /> 
												<html:checkbox property="cModel.status" value="Interview 3">Interview 3</html:checkbox><br /> 
												<html:checkbox property="cModel.status" value="Accepted">Accepted</html:checkbox>
											</td>
											<td>
												<html:text property="cModel.techTestScore" name="candidateForm"  styleClass="textSmall"></html:text>
											</td>
										</tr>
									</table>
								</td>
							</tr>
							<tr>
								<td align="center">
									<input type="button" class="buttonStyle" value="Save" onclick="javascript:flyToPage('insertCandidate');">
									<input type="button" class="buttonStyle" value="Cancel">
								</td>
							</tr>
						</table><br><br>
					</html:form>
				</td>
			</tr>

			<!-- Footer -->
			<tr>
				<td align="center" colspan="2" class="headerBox blueBackground">&copy; OME. 2013. All Rights Reserved.</td>
			</tr>
		</table>
	</center>
</body>
</html>